<template>
  <el-carousel>
    <el-carousel-item v-for="item in cardImgList" :key="item.id">
      <el-image :src="item.img" />
    </el-carousel-item>
  </el-carousel>
</template>

<script setup lang="ts">
let cardImgList = [
  {
    id: 1,
    img: new URL(`../../../assets/home/lunbo/lunbo1.png`, import.meta.url).href
  },
  {
    id: 2,
    img: new URL(`../../../assets/home/lunbo/lunbo2.png`, import.meta.url).href
  },
  {
    id: 4,
    img: new URL(`../../../assets/home/lunbo/lunbo3.png`, import.meta.url).href
  },
  {
    id: 4,
    img: new URL(`../../../assets/home/lunbo/lunbo4.png`, import.meta.url).href
  }
]
</script>

<style lang="scss" scoped>
.el-carousel {
  width: 100%;
  height: 18.229vw;
}

.el-image {
  width: 100%;
  height: 18.229vw;
}
</style>
